<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Copyright" content="bo-tech.com,博源科技" />
<link href="../style/master.css" rel="stylesheet" type="text/css" media="screen" />
<title>登录</title>
</head>
<body>
<div id="pagewrapper">
   <div class="side_nav">
       <p>您好，欢迎来到好靓购物广场！<a href="#">[请登录]</a> <a href="#">[免费注册]</a></p>
        <ul class="quick_menu">
           <li><a href="#">我的宝贝</a></li>
           <li><a href="#">我要买</a></li>
           <li><a href="#">收藏夹</a></li>
           <li><a href="#">购物车</a></li>
           <li><a href="#">付款方式</a></li>
           <li><a href="#">社区</a></li>
           <li><a href="#">帮助</a></li>
           <li><a href="#">会员活动</a></li>
           <li><a href="#">更多服务</a></li>
        </ul>
    </div>
 <!--header start-->
	<div class="header">
    	<div class="top clear">
        	<a class="logo" href="#"><img src="../images/logo.jpg" width="240" height="65" alt="返回首页" /></a>
            <ul class="top_bar clear">
            	<li>您好！欢迎光临XX商城！</li>
                <li><a href="#">免费注册</a></li>
                <li><a href="#">登录</a></li>
                <li><a href="#">订单查询</a></li>
                <li><a href="#">购物车[<span>5</span>]</a></li>
                <li><a href="#">帮助中心</a></li>
            </ul>
		</div>
        <div class="tocenter">
            <ul class="menu">
                <li><a class="current" href="#"><span>首页</span></a></li>
                <li><a href="#"><span>潮流女装</span></a></li>
                <li><a href="#"><span>精品配饰</span></a></li>
                <li><a href="#"><span>童装母婴</span></a></li>
                <li><a href="#"><span>家居用品</span></a></li>
                <li><a href="#"><span>美容保健</span></a></li>
                <li><a href="#"><span>箱包鞋帽</span></a></li>
                <li><a href="#"><span>优惠特价</span></a></li>
            </ul>
            <div class="Zclear"></div>
        </div>
        <div class="search_bar">
            <p>关注热点：<a href="#">羊绒大衣</a><a href="#">保湿面膜</a><a href="#">懒人毯</a><a href="#">艾格</a></p>
            <div class="search_box">
                <input class="search_text" name="" type="text" value="请输入您要搜索的商品名"/>
                <input class="search_btn" name="" type="button" value="搜索" />
            </div>
        </div>
    </div>
 <!--header end--> 
 <!--main start-->     
	<div class="main clear">
    <!--登录-->  
		<div class="login_l">
			<div class="big_top">
				<h5 class="title">登录</h5>
				<div class="big_top_r"></div>
			</div>
			<div class="big_border">
				<ul class="res_list">
					<li>用户名：<input class="narrow" name="" type="text" /></li>
					<li>密&nbsp;&nbsp;&nbsp;码：<input class="narrow" name="" type="text" /><a href="#">忘记密码？</a></li>
					<li>验证码：<input class="narrow" name="" type="text" /><img src="../temp/00.jpg" width="59" height="22" /></li>
					<li><a class="second" href="#"><span>登 录</span></a></li>
				</ul>
			</div>
		</div>
   <!--登录 end-->
   <!--注册-->    
		<div class="login_r">
			<h5 class="flow_h5 clear">注册会员</h5>
			<ul class="res_list">
				<li>用&nbsp;户&nbsp;&nbsp;名：<input name="" type="text" /><span class="note"><span>*</span>5-20个字符，一个汉字为两个字符，推荐使用中文会员名。</span></li>
				<li>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：<input name="" type="text" /><span class="note"><span>*</span>5-16位字符，可由英文、数字及“_”、“-”组成。</span></li>
				<li>确认密码：<input name="" type="text" /><span class="note_error">密码与第一次输入不相符！</span></li>
				<li>邮件地址：<input name="" type="text" /><span class="note_right">该邮箱可以使用.</span></li>
				<li>验&nbsp;证&nbsp;&nbsp;码：<input class="more_narrow" name="" type="text" /><img src="../temp/00.jpg" width="59" height="22" /></li>
				<li><a class="first" href="#"><span>快速注册</span></a></li>
			</ul>
		</div>
    <!--注册 end-->  
	</div>
 <!--main end-->  
 <!--bottom start-->  	
	<div class="bottom clear">
    	<ul>
        	<li>
            	<h5 class="bangzhu">购物帮助</h5>
                <p><a href="#">常见问题</a></p>
                <p><a href="#">联系客服人员</a></p>
            </li>
            <li>
            	<h5 class="dinggou">订购方式</h5>
                <p><a href="#">在线订购</a></p>
            </li>
            <li>
            	<h5 class="zhifu">支付方式</h5>
                <p><a href="#">在线汇款</a></p>
            </li>
            <li>
            	<h5 class="peisong">配送方式</h5>
                <p><a href="#">全国配送</a></p>
            </li>
            <li>
            	<h5 class="huiyuan">会员服务</h5>
                <p><a href="#">会员制度</a></p>
                <p><a href="#">贴心服务</a></p>
            </li>
            <li>
            	<h5 class="shanglu">新手上路</h5>
                <p><a href="#">购物流程</a></p>
            </li>
        </ul>
    </div>
  <!--bottom end--> 
<!--footer start-->     
 <div id="footer">
   <p class="footer_nav te">
        <a href="#">关于好靓</a>
	    <a href="#">广告服务</a>
        <a href="#">合作伙伴</a>
        <a href="#">帮助中心</a>
        <a href="#">诚征英才</a>
        <a href="#">联系我们</a>
        <a href="#">网站地图</a>
        <a href="#">热门品牌</a>
        <a href="#">版权说明</a>
        <a href="#">加入商城</a>
		<a href="#">淘宝客</a>
		<a href="#">交易安全</a>
   </p>
   <div class="copyright">
       <a href="#" class="copy_s1"><img src="../images/logo.jpg" width="240" height="65" alt="logo" /></a>
       <p class="copy_text">Copyright 2003-2010, 版权所有 TAOBAO.COM
增值电信业务经营许可证：浙B2-20080224
信息网络传播视听节目许可证：1109364号 </p>
   </div>
</div><!--end footer--> 
</div>
</body>
</html>